<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>按钮制作</title>
    <link rel="stylesheet" href="./css/style2.css"/>
</head>
<body>
<button class="white alive">
    白色正常按钮
</button>
<button class="white mid alive">
    白色中号按钮
</button>
<button class="white big alive">
    白色大号按钮
</button>
<button class="white bigger alive">
    白色大大号按钮
</button>
<hr/>
<button class="black alive">
    黑色正常按钮
</button>
<button class="black mid alive">
    黑色中号按钮
</button>
<button class="black big alive">
    黑色大号按钮
</button>
<button class="black bigger alive">
    黑色大大号按钮
</button>
<hr/>
<button class="warm alive">
    暖色正常按钮
</button>
<button class="warm mid alive">
    暖色中号按钮
</button>
<button class="warm big alive">
    暖色大号按钮
</button>
<button class="warm bigger alive">
    暖色大大号按钮
</button>
<hr/>
<button class="cold alive">
    冷色正常按钮
</button>
<button class="cold mid alive">
    冷色中号按钮
</button>
<button class="cold big alive">
    冷色大号按钮
</button>
<button class="cold bigger alive">
    冷色大大号按钮
</button>


</body>
</html>